﻿@{
    ViewBag.Title = "Pago Servicios";
}

<h2>Pago Servicios</h2>

@using (Html.BeginForm())
{  
    <table>
    <tr>
    <td>
    <label for="Cuentas">Cuenta a Cargo</label> 
    </td>
    <td>
    @Html.DropDownList("Cuentas")
    </td>
    </tr>
    <tr>
    <td>
    <label for="Empresas">Empresa</label> 
    </td>
    <td>
    @Html.DropDownList("Empresas")
    </td>
    </tr>
    <tr>
    <td>
    <label for="Servicios">Servicios</label> 
    </td>
    <td>
    @Html.DropDownList("Servicios")
    </td>
    </tr>

    <tr>
    <td>
    <label for="codigo">Número Servicios</label> 
    </td>
    <td>
        <input id="codigo" name="codigo" type="text" />
    </td>
    </tr>

    <tr>
    <td colspan="2" align="right">

        <input id="btnConsultar" type="button" value="Consultar" />

        <input id="btnContinuar" type="submit" value="Continuar" />

    </td>
    </tr>
    </table>
}

<table id="tbl" border="1">
<tbody>
<tr>
        <th>
            Cuota
        </th>
        <th>
            Número de Recibo
        </th>
        <th>
            Fecha de Vencimiento
        </th>
        <th>
            Monto
        </th>
</tr>
</tbody>
</table>

<script type="text/javascript">

    $("#btnConsultar").click(function () {


        var idEmpresa = $('#Empresas').val();

        var idServicio = $('#Servicios').val();

        var sRecurso = "";

        switch (idEmpresa) {
            case "4":
                switch (idServicio) {
                    case "1":
                        sRecurso = "ImpuestosArbitrales";
                        break;
                    case "2":
                        sRecurso = "ImpuestosPrediales";
                        break;
                    case "3":
                        sRecurso = "ImpuestosVarios";
                        break;
                }
                break;
        }

        var sCodigo = $('#codigo').val();

        if (sRecurso != "" && sCodigo != "")
        {
            $.ajax({
                url: "http://localhost:52924/SImpuestos.svc/" + sRecurso + "/" + sCodigo,
                type: "GET",
                contentType: "application/json; charset=utf-8",
                dataType: "jsonp",
                success: function (data) {

                    $("#tbl").find("tr:gt(0)").remove(); 

                    $.each(data, function (i, item) {

                        $('<tr>').attr('id', i).
                            append($('<td>').text(item.Cuota)).
                            append($('<td>').text(item.Recibo)).
                            append($('<td>').text(item.Vencimiento)).
                            append($('<td>').text(item.Monto)).
                        appendTo($("#tbl"));
                    });
                },
                error: function (error) {
                    alert("Error: " + error);
                }
            });
        }
    });
</script>